<!DOCTYPE html>

<html>
    <head>

        <script type="text/javascript" src="../cordova.js"></script>
        <script data-main="../demoJs/webViewDemo" src="../require.js"></script>

        <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *">
            <meta name="format-detection" content="telephone=no">
                <meta name="msapplication-tap-highlight" content="no">
                    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width">
                        <link rel="stylesheet" type="text/css" href="../css/index.css">
                            <title>Hello World</title>
                            </head>
    <body>
        
        <p><br/><br/></p>
        <p><button id="button1">show view from right</button></p>
        <p><button id="button2">show view from left</button></p>
        <p><button id="button3">show view from top</button></p>
        <p><button id="button4">show view from bottom</button></p>
        <p><button id="button5">show view by zoom out</button></p>
        <p><button id="button6">show view zoom out and fade</button></p>
        <p><button id="button7">show view fade in </button></p>
        <p><button id="button8">show view none ani</button></p>
        <a href=../index.html> back</a>
    </body>
</html>
